.upload-excel {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
  font-family: 'Arial', sans-serif; /* 使用更现代的字体 */

  .ant-upload {
    width: 400px; /* 设置拖拽区域的宽度 */
    max-width: 100%; /* 防止超出容器 */
  }

  .ant-upload-drag-icon {
    font-size: 48px; /* 增大图标尺寸 */
    color: #1890ff; /* 设置图标颜色 */
  }

  .button-group {
    display: flex;
    gap: 16px; /* 按钮之间的间距 */
    margin-top: 16px;
  }

  .ant-btn {
    background-color: #0056c0;
    border: none;
    transition: background-color 0.3s ease; /* 添加过渡效果 */

    &:hover {
      background-color: #00539c;
    }
  }

  .image-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px; /* 图片之间的间距 */
    margin-top: 20px;

    img {
      max-width: 30%; /* 每张图片占用 30% 的宽度 */
      border-radius: 8px; /* 增加圆角 */
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); /* 增加阴影效果 */
      transition: transform 0.2s; /* 添加缩放效果 */

      &:hover {
        transform: scale(1.05); /* 鼠标悬停时缩放 */
      }
    }
  }
}
